@charset "utf-8";
/* CSS Document */

p
{ 
word-spacing:2px;
letter-spacing:0px;
}

a, a:link, a:visited { color: #000000; text-decoration: none; }
a:hover { color: #888888; text-decoration: none; }

h1 { font-size: 13px; color:#666; font-weight: normal;}
h2 { font-size: 15px; margin: 0 20px 5px; padding: 1; color:#FFFFFF; text-align: center; font-weight: normal;}
h3 { font-size: 11px; margin: 0 0px 5px; padding: 1; color:#666; text-align: center; font-weight: normal; font-weight:bold;}
h4 { font-size: 12px; margin: 0 2px 5px; padding: 1; color:#000; text-align: left; font-weight: normal;}

.float_l { float: left }
.float_r { float: right }


#alinear_centro {
	margin:0 auto 0 auto;
	width:722px; text-align:center; 
	position: relative;
	top:0px;
	left:-30px;
}

#menu{
	position: absolute;
	width:722px;
	height:35px;
	padding: 0px;
	left:0px;
	top:70px;
}

#menu ul li {
	display: inline;
	padding: 0px 0px;
	margin:20px;
	left:0px;
}

#menu ul li a
{
	text-decoration: none;
	color: #494949;
	font-size: 14px;
	font-weight:bold;
}

#menu ul li a:hover
{
	color: #000;
	
}

#submenu{
	position: absolute;
	width:722px;
	height:45px;
	top:110px;
	left:-20px;

}

#submenu ul li {
	display: inline;
	padding: 0px 0px 0px;
	margin-right:15px;
	margin-top:8px;	
}

#submenu ul li a
{
	text-decoration: none;
	color: #000;
}

#submenu ul li a:hover
{
	color: #959595;
	
}

#contenido{
	position: absolute;
	width:722px;
	height:360px;
	padding: 0px;
	top: 130px;
	left: -250px;
	background-color:#fff;
	z-index: 1;
}

#contenido2{
	position: absolute;
	width:722px;
	height:360px;
	padding: 0px;
	top: 130px;
	left: -250px;
	background-color:#fff;
}

#contenido3{
	position: absolute;
	width:722px;
	height:360px;
	padding: 0px;
	top: 130px;
	left: 0px;
	background-color:#fff;
	z-index: 1;
}


#logos{
	height:81px;
	width:154px;
	padding: 0px;
	margin:8px;
}

#logo{
	position:absolute;
	height:57px;
	width:140px;
	padding: 0px;
	margin:8px;
	top:50px;
	left:-160px;
	background-image:url(graficos/joyel.png);
	z-index:1;
}


#video{
	position: absolute;
	width:640px;
	height:360px;
	padding: 0px;
	top:160px;
	left:260px;
}

#productos-z{
	position: absolute;
	width: 722px;
	height: 264px;
	padding: 0px;
	top: 30px;
	left: 260px;
	z-index: 1;
}

#productos{
	position: absolute;
	width: 722px;
	height: 264px;
	padding: 0px;
	top: 30px;
	left: 280px;
}

#ta{
	position: absolute;
	width: 471px;
	height: 305px;
	padding: 0px;
	top: 30px;
	left: 387px;
}

#ta2{
	position: absolute;
	width: 357px;
	height: 264px;
	padding: 0px;
	top: 30px;
	left: 0px;
}

#contacto{
	position: absolute;
	width: 357px;
	height: 264px;
	padding: 0px;
	top: 30px;
	left: 210px;
}

#productos-der{
	position: absolute;
	width: 600px;
	height: 130px;
	padding: 0px;
	top: 450px;
	left: 120px;
	z-index: 1;
}

#productos-jewerly{
	position: absolute;
	width: 800px;
	height: 159px;
	padding: 0px;
	top: 450px;
	left: 30px;
	z-index: 1;
}

#productos-info{
	position: absolute;
	width: 142px;
	height: 220px;
	padding: 0px;
	top: 53px;
	left: 830px;
}

#productos-logo{
	position: absolute;
	width: 142px;
	height: 220px;
	padding: 0px;
	top: 53px;
	left: 250px;
}

#info{
	position: absolute;
	width: 711px;
	height: 264px;
	padding: 0px;
	top: 30px;
	left: 260px;
}


.post_box { 
	clear: both; 
	margin-bottom: 60px; 
	float: left;
}

.post_meta { 
	float: left; 
	width: 130px; 
	
}

.post_meta ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	list-style-position:inside;
	list-style-image:url(graficos/flechas2.png);
}

.post_meta ul li { 
	margin: 0 0 11px; 
	padding: 0 0 11px; 
	border-left:  1px solid #ccc;
	display: inline;
}

#productos-info{
	position: absolute;
	width: 142px;
	height: 220px;
	padding: 0px;
	top: 53px;
	left: 848px;
}

#facebook{
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0px;
	top: 75px;
	left: 826px;
	z-index: 1;
}

#youtube{
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0px;
	top: 75px;
	left: 866px;
	z-index: 1;
}

#skype{
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0px;
	top: 560px;
	left: 786px;
	z-index: 1;
}

#skype1{
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0px;
	top: 560px;
	left: 900px;
	z-index: 1;
}

#blogger{
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0px;
	top: 75px;
	left: 905px;
	z-index: 1;
}

#twitter{
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0px;
	top: 75px;
	left: 786px;
	z-index: 1;
}

#instagram{
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0px;
	top: 75px;
	left: 944px;
	z-index: 1;
}

#video-icon{
	position: absolute;
	width:34px;
	height:29px;
	padding: 0px;
	top: 330px;
	left: 655px;
	background-image:url(graficos/video-icon.jpg);
}


#footer {
	position: absolute;
	margin:0px;
	width:722px;
	height:100px;
	padding: 0px;
	top:600px;
	left:0px;
}



#franja {
	position: absolute;
	float: left;
	width: 100%;
	height: 450px;
	background: #FFF;
	top: 130px;
	left: 0px;
	z-index:-2;
}

#logo-marca {
	position: relative;
	float:left;
	width:150px;
	height:80px;
	margin-left:10px;
	margin-top:50px;
	padding: 0px;
}

ul.thumb {
	float: right;
	list-style: none;
	margin: 0; padding: 10px;
	width: 600px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 80px;
	height: 80px;
}
ul.thumb li img {
	width: 70px; height: 62px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background-color:#333;
	border-color:#3C3;
	  /* Image used as background on hover effect
	border: none;/* Get rid of border on hover */
}

ul.thumb2 {
	float: right;
	list-style: none;
	margin: 0; padding: 10px;
	width: 800px;
}
ul.thumb2 li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 80px;
	height: 80px;
}
ul.thumb2 li img {
	width: 70px; height: 62px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb2 li img.hover {
	background-color:#333;
	border-color:#3C3;
	  /* Image used as background on hover effect
	border: none;/* Get rid of border on hover */
}

/* Formulario */



	#form {width:400px;
			padding: 3px;
			margin-left:250px;
			}

	#form .error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.5em;}

	#form .com {
			padding: 0.3em;
			font-size: 1em;
			width:18em;
			height: 10em;
			font: 1.5em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

	#form .com-error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;
			width:18em;
			height: 10em;
			font: 1.5em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

  #form .boton {
			border: 2px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width: 4em;}

	 #error {
		  border: 1px dashed #F00;
		  background-color: #FFF;
		  padding: 5px;}

	 #ok {
	    border: 1px dashed #060;
	    background-color:#FFF;
	    padding: 5px;}
